<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>列表页</title>
		<link href="../css/bootstrap.min.css" rel="stylesheet">
		<link href="../css/font-awesome.min.css" rel="stylesheet">
		<link href="../css/animate.css" rel="stylesheet">
		<link href="../css/style.css" rel="stylesheet">
		<link href="../css/plugins/summernote/summernote.css" rel="stylesheet">
		<link href="../css/plugins/summernote/summernote-bs3.css" rel="stylesheet">
		<link href="../css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">
		<link href="../css/plugins/clockpicker/clockpicker.css" rel="stylesheet">
		<link href="../css/plugins/chosen/chosen.css" rel="stylesheet">
		<link href="../css/plugins/jasny/jasny-bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../css/comment.css"/>
	</head>
	<body class="add-dis">
		<div class="wrapper wrapper-content animated">
			<div class="clients-list">
				<ul class="nav nav-tabs">
					<li class="active">
						<a data-toggle="tab" href="#tab-1">
							案例查看
						</a>
					</li>
					<li class="">
						<a data-toggle="tab" href="#tab-2">
							评论（留言）
						</a>
					</li>
				</ul>
				<div class="tab-content">
					<!-- 案例查看 -->
					<div id="tab-1" class="tab-pane active">
						<div class="row">
							<form role="form" class="form-horizontal m-t">
								<div class="form-group draggable">
									<label class="col-sm-2 control-label"><span class="start">*</span>标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题：</label>
									<div class="col-sm-4">
										<input type="text" class="form-control" placeholder="请输入文本" value="标题" readonly="readonly">
									</div>
									<label class="col-sm-2 control-label">是否发布：</label>
									<div class="col-sm-4">
										<div class="radio radio-inline radio-danger">
											<input type="radio" id="radio1" value="option1" name="radio" checked="">
											<label for="radio1"> 是 </label>
										</div>
										<!-- <div class="radio radio-inline radio-danger">
									        <input type="radio" id="radio2" value="option2" name="radio">
									        <label for="radio2"> 否</label>
									    </div> -->
									</div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-2 control-label">创建人员：</label>
									<div class="col-sm-4">
										<input type="text" class="form-control" value="创建人员" readonly="readonly">
									</div>
									<label class="col-sm-2 control-label">创建时间：</label>
									<div class="col-sm-4">
										<input type="text" class="form-control" value="2020-04-10" readonly="readonly">
									</div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-2 control-label">更新人员：</label>
									<div class="col-sm-4">
										<input type="text" class="form-control" value="更新人员" readonly="readonly">
									</div>
									<label class="col-sm-2 control-label">更新时间：</label>
									<div class="col-sm-4">
										<input type="text" class="form-control" value="2020-04-10" readonly="readonly">
									</div>
								</div>
								<div class="form-group draggable">
									<div class="form-group draggable">
										<label class="col-sm-2 control-label">内&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;容：</label>
										<div class="col-sm-8" disabled="">
											<div class="summernote"></div>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
					<!-- 评论（留言） -->

					<div id="tab-2" class="tab-pane">
						<div class="row">
							<form role="form" class="form-horizontal m-t">
								<div class="comment-list">

							</form>
						</div>
					</div>
				</div><!-- tab-content -->
			</div>
			<!--clients-list  -->
		</div>



		<!-- 全局js -->
		<script src="../js/jquery.min.js"></script>
		<script src="../js/bootstrap.min.js"></script>
		<script src="../js/jquery-2.1.1.min.js"></script>
		<script src="../js/bootstrap.min.js?v=3.4.0"></script>
		<!-- 自定义js -->
		<script src="../js/content.js"></script>
		<!--编辑器-->
		<script src="../js/plugins/summernote/summernote.min.js"></script>
		<script src="../js/plugins/summernote/summernote-zh-CN.js"></script>
		<!-- 上传 -->
		<script src="../js/plugins/prettyfile/bootstrap-prettyfile.js"></script>
		<!-- 下拉列表 -->
		<script src="../js/plugins/chosen/chosen.jquery.js"></script>
		<!--固定格式-->
		<script src="../js/plugins/jasny/jasny-bootstrap.min.js"></script>
		<!-- 评论留言插件 -->
		<script type="text/javascript" src="../js/jquery.comment.js" ></script>
		<script>
			
			$(".summernote").summernote({
				height:300, //高度
				minHeight:null, //最小高度
				maxHeight:null, //最大高度
				focus:false, //是否获取焦点
				lang:'zh-CN' //中文
			})
			//初始化数据
				var arr = [
					{id:1,img:"../images/main/404.png",replyName:"帅大叔",beReplyName:"匿名",content:"同学聚会，看到当年追我的屌丝开着宝马车带着他老婆来了，他老婆是我隔壁宿舍的同班同学，心里后悔极了。",time:"2017-10-17 11:42:53",address:"深圳",osname:"",browse:"谷歌",replyBody:[]},
					{id:2,img:"../images/main/404.png",replyName:"匿名",beReplyName:"",content:"到菜市场买菜，看到一个孩子在看摊，我问：“一只鸡多少钱？” 那孩子回答：“23。” 我又问：“两只鸡多少钱？” 孩子愣了一下，一时间没算过来，急中生智大吼一声：“一次只能买一只！”",time:"2017-10-17 11:42:53",address:"深圳",osname:"",browse:"谷歌",replyBody:[{id:3,img:"",replyName:"帅大叔",beReplyName:"匿名",content:"来啊，我们一起吃鸡",time:"2017-10-17 11:42:53",address:"",osname:"",browse:"谷歌"}]},
					{id:3,img:"../images/main/404.png",replyName:"帅大叔",beReplyName:"匿名",content:"同学聚会，看到当年追我的屌丝开着宝马车带着他老婆来了，他老婆是我隔壁宿舍的同班同学，心里后悔极了。",time:"2017-10-17 11:42:53",address:"深圳",osname:"win10",browse:"谷歌",replyBody:[]}
				];
				$(function(){
					$(".comment-list").addCommentList({data:arr,add:""});
					$("#comment").click(function(){
						var obj = new Object();
						obj.img="../images/main/404.png";
						obj.replyName="匿名";
						obj.content=$("#content").val();
						obj.browse="深圳";
						obj.osname="win10";
						obj.replyBody="";
						$(".comment-list").addCommentList({data:[],add:obj});
					});
				})
		</script>

	</body>
</html>
